<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>QD商城后台管理</title>
</head>
<body>
	<h1>QD商城后台管理</h1>
	<a href="/admin/add.do">添加商品</a>
	
	
	<!-- 以表格的 方式 显示所有的商品信息 -->	
	<table width="100%" border="1" cellpadding="0" cellspacing="0">
		<!-- 标题 -->
		<caption>表格的标题</caption>
		
		<!-- 表头 -->
		<thead>
			<!-- 行 tr => table Row -->
			<tr>
				<!-- 表头单元格 -->
				<th>ID</th>
				<th>商品名称</th>
				<th>商品描述</th>
				<th>价格</th>
				<th>图片</th>
				<th>库存</th>
				<th>操作</th>
			</tr>
		</thead>
		
		<!-- 主体 -->
		<tbody>
			<!-- thymeleaf 中提供了可以遍历集合，同时生成页面的操作，
				th:each
				
			 -->
			<!-- 行 -->
			<tr th:each="goods : ${goodsList}">
				<!-- 单元格 -->
				<td th:text="${goods.id}"></td>
				<td th:text="${goods.name}"></td>
				<td th:text="${goods.describe}"></td>
				<td th:text="${goods.price}"></td>
				<td>
					<img width="100px" height="100px" th:src="@{'/img/'+${goods.pic}}">
				</td>
				<td th:text="${goods.store}"></td>
				<td>
					<a th:href="@{'/admin/delete/' + ${goods.id}}">删除</a>
					<a th:href="@{'/admin/edit/' + ${goods.id}}">编辑</a>
				</td>
			</tr>
			
		</tbody>
		
	</table>
	
	
</body>
</html>